<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Developed By M Abdur Rokib Promy">
<meta name="author" content="cosmic">
<meta name="keywords" content="Bootstrap 3, Template, Theme, Responsive, Corporate, Business">
<link rel="shortcut icon" href="${Prefix}images/favicon.png">
<title>
<#if Site.seoTitle?? && Site.seoTitle !="">${Site.seoTitle}<#else>${Site.name}</#if>
</title>

<link href="${Prefix}node_modules/animate.css/animate.min.css" rel="stylesheet" >
<link href="${Prefix}node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="${Prefix}node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="${Prefix}node_modules/element-ui/lib/theme-chalk/index.css" rel="stylesheet">
<link href="${Prefix}node_modules/swiper/dist/css/swiper.min.css" rel="stylesheet" >

<link href="${Prefix}css/main.css" rel="stylesheet">
<link href="${Prefix}css/home.css" rel="stylesheet">
<link href="${Prefix}css/header.css" rel="stylesheet">
<link href="${Prefix}css/footer.css" rel="stylesheet">

<script src="${Prefix}node_modules/jquery/dist/jquery.min.js"></script>
<script src="${Prefix}node_modules/wowjs/dist/wow.min.js"></script>
<script src="${Prefix}node_modules/swiper/dist/js/swiper.min.js"></script>
<script src="${Prefix}node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="${Prefix}node_modules/less/dist/less.js"></script>
<script src="${Prefix}node_modules/vue/dist/vue.js"></script>
<script src="${Prefix}node_modules/element-ui/lib/index.js"></script>

<script>
  
$(document).ready(function() {
  var mySwiper1 = new Swiper('.swiper1 .swiper-container', {
    autoplay: 3000,
    speed: 300,
    pagination : '.swiper1 .swiper-pagination',
    paginationClickable :true,
  });
  var mySwiper2 = new Swiper('.swiper2 .swiper-container', {
    autoplay: 3000,
    speed: 300,
    pagination : '.swiper2 .swiper-pagination',
    paginationClickable :true,
  });
  var mySwiper3 = new Swiper('.swiper3 .swiper-container', {
    autoplay: 3000,
    speed: 300,
    slidesPerView:3,
    loop:true,
    prevButton:'.swiper-button-prev',
    nextButton:'.swiper-button-next',
    paginationClickable :true,
  });
  $('a.info').tooltip();
  new WOW().init();

  $('.subtitle-choose').click(function(){
      var target = $(this).data('target');
      $('.subtitle-content').hide();
      $('.subtitle-choose').removeClass('active');
      $('#' + target).show();
      $(this).addClass('active');
  });
  $('.subtitle-choose:first').click();
});


</script>
</head>

<body>
<@cms_include ssi="false"file="quick_nva.template.html"></@cms_include>

<!--header start-->
<@cms_include ssi="false"file="header.template.html"></@cms_include>
<!--header end-->

<!-- 轮播容器 -->
<div class="swiper1 wow fadeInLef">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="swiper-container">
          <div class="swiper-pagination"></div>
          <!-- 轮播项 -->
          <div class="swiper-wrapper">
            <@cms_pagewidget_data code="index_banner">
              <#list Data.contentObj as row>
                <#list row.items as item>
                  <div class="swiper-slide">
                    <div class="text1">${item.title}</div>
                    <div class="text2">${item.summary}</div>
                    <a href="${internalUrl(item.url)}" target="_blank" title="${item.title}">
                        <div class="slide-btn">由此进入➡</div>
                    </a>
                  </div>
                </#list>
              </#list>
            </@cms_pagewidget_data>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


<div class="container hot-topics wow fadeInLef">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="title">
            <div></div>
            热点专题
          </div>
        </div>
      </div>
    </div>

    <div class="row title-content">
      <div class="col col-lg-6">
        <@cms_pagewidget_data code="index_banner_topics">
        <#if Data.contentObj?has_content>
        <div class="swiper2">
            <div class="swiper-container">
              <div class="swiper-pagination"></div>
              <div class="swiper-wrapper">
                <#list Data.contentObj as row>
                <#list row.items as item>
                <div class="swiper-slide">
                  <div class="swiper-slide-img">
                    <a href="${internalUrl(item.url)}" target="_blank" rel="noopener noreferrer">
                      <#if item.logo?has_content>
                      <img src="${internalUrl(item.logo)}" alt="item.logo">
                      <#else>
                      <img src="${Prefix}images/empty-img.jpg" alt="">
                      </#if>
                    </a>
                  </div>
                </div>
                </#list>
                </#list>
              </div>
            </div>
        </div>
        <#else>
        <div class="no-data">
          <img src="${Prefix}images/empty-data.png" alt=""><span>暂无数据</span>
        </div>

        </#if>
        </@cms_pagewidget_data>
      </div>
      <div class="col col-lg-6">
        <div class="subtitle">
          <div class="subtitle-choose" data-target="subtitle-choose1">要闻动态</div>
          <div class="subtitle-choose" data-target="subtitle-choose2">项目建设</div>
          <div class="subtitle-choose" data-target="subtitle-choose3">政策文件</div>
          <div class="subtitle-choose" data-target="subtitle-choose4">党建服务</div>
          <div class="subtitle-choose" data-target="subtitle-choose5">招商引资</div>
        </div>
        <div class="subtitle-content" id="subtitle-choose1">
          <@cms_content hasattribute="hot"  catalogalias="news" level="CurrentAndChild" size="5">

            <#if DataList?size == 0>
            <div class="no-data">
                <img src="${Prefix}images/empty-data.png" alt=""><span>暂无数据</span>
            </div>
            <#else>
            <#list DataList as content>
            <a href="${content.link}">
                <div class="subtitle-content-item">
                  <div class="content-item-text">${content.title}</div>
                  <div class="content-item-time">${dateFormat(content.publishDate,"yyyy-MM-dd")}</div>
                </div>
              </a>
            </#list>
            </#if>

          </@cms_content>
        </div>
        <div class="subtitle-content" id="subtitle-choose2">
          <@cms_content hasattribute="hot" catalogalias="construction" level="CurrentAndChild" size="5">

            <#if DataList?size == 0>
            <div class="no-data">
                <img src="${Prefix}images/empty-data.png" alt=""><span>暂无数据</span>
            </div>
            <#else>
            <#list DataList as content>
            <a href="${content.link}">
                <div class="subtitle-content-item">
                  <div class="content-item-text">${content.title}</div>
                  <div class="content-item-time">${dateFormat(content.publishDate,"yyyy-MM-dd")}</div>
                </div>
            </a>
            </#list>
            </#if>

          </@cms_content>  
        </div>
        <div class="subtitle-content" id="subtitle-choose3">
          <@cms_content hasattribute="hot" catalogalias="policy" level="CurrentAndChild" size="5">
            <#if DataList?size == 0>
            <div class="no-data">
                <img src="${Prefix}images/empty-data.png" alt=""><span>暂无数据</span>
            </div>
            <#else>
            <#list DataList as content>
            <a href="${content.link}">
                <div class="subtitle-content-item">
                  <div class="content-item-text">${content.title}</div>
                  <div class="content-item-time">${dateFormat(content.publishDate,"yyyy-MM-dd")}</div>
                </div>
            </a>
            </#list>
            </#if>
          </@cms_content>  
        </div>
        <div class="subtitle-content" id="subtitle-choose4">
          <@cms_content hasattribute="hot" catalogalias="services" level="CurrentAndChild" size="5">
            <#if DataList?size == 0>
            <div class="no-data">
                <img src="${Prefix}images/empty-data.png" alt=""><span>暂无数据</span>
            </div>
            <#else>
            <#list DataList as content>
            <a href="${content.link}">
                <div class="subtitle-content-item">
                  <div class="content-item-text">${content.title}</div>
                  <div class="content-item-time">${dateFormat(content.publishDate,"yyyy-MM-dd")}</div>
                </div>
            </a>
            </#list>
            </#if>
          </@cms_content>  
        </div>
        <div class="subtitle-content" id="subtitle-choose5">
          <@cms_content hasattribute="hot" catalogalias="investment" level="CurrentAndChild" size="5">
            <#if DataList?size == 0>
            <div class="no-data">
                <img src="${Prefix}images/empty-data.png" alt=""><span>暂无数据</span>
            </div>
            <#else>
            <#list DataList as content>
            <a href="${content.link}">
                <div class="subtitle-content-item">
                  <div class="content-item-text">${content.title}</div>
                  <div class="content-item-time">${dateFormat(content.publishDate,"yyyy-MM-dd")}</div>
                </div>
            </a>
            </#list>
            </#if>
          </@cms_content>  
        </div>
      </div>
    </div>
</div>

<div class="container corporate-style wow fadeInLeft">
  <div class="row">
    <div class="col-lg-12">
       <div class="title"><img src="${Prefix}images/corporate-style.png"></div>
    </div>
  </div>
</div>

  
<div class="swiper3  wow fadeInLeft">
  <div class="container" style="position:relative">
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
    <div class="row">
      <div class="col-lg-12">
        <div class="swiper-container">

          <!-- 轮播项 -->
          <div class="swiper-wrapper">
            <@cms_pagewidget_data code="corporate_style">
              <#list Data.contentObj as row>
                <#list row.items as item>
                  <div class="swiper-slide">
                    <!-- <a href="${internalUrl(item.url)}" target="_blank" rel="noopener noreferrer"> -->
                    <a>
                      <img src="${internalUrl(item.logo)}"/>
                    </a>
                    <div class="text">${item.title}</div>
                  </div>
                </#list>
              </#list>
            </@cms_pagewidget_data>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<@cms_include ssi="false"file="footer.template.html"></@cms_include>
</body>

</html>